<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>高校学生心理咨询系统</title>

</head>
<script type="text/javascript">
    function display_alert1()
    {
        alert("暂未开启注册功能")
    }
</script>
<style>
    .input1{
        height: 50px;
        width: 280px;
        color: chartreuse;
        margin-top: 150px;
        margin-left: 50px;
    }
    .input2{
        height: 50px;
        width: 280px;
        color: chartreuse;
        margin-left: 50px;
    }
    .word1{
        float: left;
        color: black;
        margin-top: 150px;
        margin-left: 50px;
    }
    .word2{
        float: left;
        color: black;
        margin-left: 50px;
    }
    .button{
        margin-left: 200px;
        width: 100px;
        height: 50px;
    }
    .button1{
        margin-left: 60px;
        width: 100px;
        height: 50px;
    }

</style>
<body background="p1.png" >

<div style="margin-left: 120px" th:width="100px" th:height="300px"  >
    <h1 align="center"  style="color: cornsilk">高校心理咨询平台</h1>
</div>
<div style="margin-left: 500px">
    <form action="/login" method="post">
        <div >
            <h1 class="word1" >账号：</h1> <input  class="input1" type="text" name="number" id="id" placeholder="请输入学号">
        </div>
        <br><br>
        <div>
            <h1 class="word2" >密码：</h1><input  class="input2" type="password" name="password" id="password" placeholder="请输入密码"> <br/>
        </div>
        <br><br>

                <input  class="button" type="submit" value="学生登录">
        
                <input  class="button1" type="submit"  value="注册" onclick="display_alert1()">
    </form>
    <form  action="/ZLlogin"  method="post" style="margin-top: 50px">
        <input  class="button" type="submit" value="助理登录">
    </form>
</div>
<div style="margin-top: 100px">
    <h1 style="color: cadetblue"><marquee scrollamount="12" scrolldelay="100" >青春只一次，青春期比任何时期都强盛美好。莫固己，及时行乐</marquee></h1>
</div>

</body>
</html>